<template>
  <g-page-wrapper>
    <div class="flex p-6 bg-white">
      <div class="flex-1">
        <div class="mb-6">
          <span>用户名：</span>
        </div>
        <div class="mb-6">
          <span>用户名：</span>
        </div>
        <div class="">
          <span>用户名：</span>
        </div>
      </div>
      <div>
        <a-avatar :size="120" class="cursor-pointer"> 点击上传 </a-avatar>
      </div>
    </div>

    <a-card title="已上课程" :bordered="false" class="mt-4">
      <a-row :gutter="20">
        <a-col :sm="24" :lg="8" :xs="24" :md="12" v-for="i in 3" :key="i">
          <div class="bg-#fafafa border-1 border-solid border-#f0f0f0">
            <div
              class="font-semibold pl-6 py-4 text-base border-0 border-b-1 border-solid border-#f0f0f0"
              >升级定位</div
            >
            <div class="p-6 text-sm">
              <div class="flex">
                <div class="mr-2.5 w-15 text-right">nps 评分:</div>
                <div>8.5</div>
              </div>
              <div class="flex my-6">
                <div class="mr-2.5 w-15 min-w-15 text-right whitespace-nowrap">评价:</div>
                <div class="break-words"
                  >一般一般一般一般一般一般一般一般一般一般一般一般一般一般一般一般一般一般</div
                >
              </div>
              <div class="flex">
                <div class="mr-2.5 w-15 text-right">照片:</div>
                <div class="flex">
                  <a-image
                    src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
                    :height="135"
                  />
                  <a-image
                    class="ml-2"
                    src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
                    :height="135"
                  />
                </div>
              </div>
            </div>
          </div>
        </a-col>
      </a-row>
    </a-card>
  </g-page-wrapper>
</template>

<script setup lang="ts"></script>
